/* mine/pages/refund/refund.wxss */
@import "../../../commin/commin.less";

page {
  background-color: @text-color6;
}

.refundBox {
  .paddings(16rpx, 24rpx, 0rpx, 24rpx);

  .refundMoney {
    display: flex;
    justify-content: space-between;
    .paddings(56rpx, 83rpx, 48rpx, 83rpx);
    text-align: center;
    background: linear-gradient(0deg, @white-color, #F4F6F8);
    .borders(2rpx, @white-color);
    box-shadow: 4px 7px 20px 0px rgba(166, 171, 179, 0.24);
    .borderradius(16rpx, 16rpx, 16rpx, 16rpx);

    .money {
      .fontsize(64rpx);
      font-family: DIN;
      font-weight: bold;
      color: @text-color1;
    }

    .describe {
      .fontsize(24rpx);
      font-family: PingFang SC;
      font-weight: 400;
      color: @text-color3;
    }
  }

  .doubt {
    .fontsize(24rpx);
    .margins(30rpx, 0, 40rpx, 34rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color4;

    a {
      color: #228FF5 ;
    }
  }

  .operation {
    .tabList {
      display: flex;
      justify-content: space-between;
      .margins(0, 96rpx, 0, 96rpx);

      .tab {
        .fontsize(34rpx);
        font-family: PingFang SC;
        font-weight: bold;
        color: @text-color4;

        .img {
          .kuangao(70rpx, 6rpx);
          position: absolute;
          margin-left: -94rpx;
          margin-top: 54rpx;
        }
      }

      .tab_sel {
        color: @blue;
      }
    }
    .record{
      .margins(40rpx,0,180rpx,0);
      background: linear-gradient(0deg, @white-color, #F4F6F8);
.borders(2rpx,@white-color);
box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
border-radius: 16rpx;
    .record_item{
      .margins(40rpx,32rpx,0,32rpx);
      padding-bottom: 40rpx;
      border-bottom: 1rpx dashed #C0C4CC;
     
    .itemDisplay{
display: flex;
justify-content: space-between;
.itemTitle{
  display: flex;
  align-items: center;
  margin-bottom: 23rpx;
.name{
 
.kuan(350rpx);
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
  .fontsize(30rpx);
font-family: PingFang SC;
font-weight: bold;
color: @text-color1;

}
.tag{
  margin-left: 16rpx;
  .kuangao(118rpx,32rpx);
  .lineheight(32rpx);
  .borders(1rpx,@blue);
  text-align: center;
background: rgba(20, 135, 250, 0.06);
border-radius: 16rpx;
.fontsize(22rpx);
font-family: PingFang SC;
font-weight: 500;
color: @blue;
}
}
.changeAmount{
  .fontsize(34rpx);
  font-family: DIN;
  font-weight: bold;
  color: @text-color1;
}
.changeAmount1{
  .fontsize(34rpx);
  font-family: DIN;
  font-weight: bold;
  color: @orange;
}
.changeAmount2{
  .fontsize(34rpx);
  font-family: DIN;
  font-weight: bold;
  color: @orange;
  margin-top: 26rpx;
  right: 56rpx;
  position: absolute;
}
.balance{
  display: flex;
  .fontsize(26rpx);
font-family: PingFang SC;
font-weight: 500;
color: @text-color3;
  .money{
    color: @orange;
  }
}
.time{
  .fontsize(24rpx);
font-family: PingFang SC;
font-weight: 400;
color: @text-color3;
}

    }
  }
  .record_item:last-child { border-bottom: 0rpx;}
}
  }
  
}
.fot_btn{
  position: fixed;
  background: @text-color6;
  display: flex;
  .kuangao(648rpx,120rpx);
  bottom: 0rpx;
  .paddings(20rpx,52rpx,0,52rpx);
  .btn{
    .kuangao(270rpx,88rpx);
    .lineheight(88rpx);
    text-align: center;
background: linear-gradient(105deg, #2B99FF, @blue);
box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
border-radius: 44rpx;
.fontsize(30rpx);
font-family: PingFang SC;
font-weight: bold;
color: @white-color;
  }
  .btn1{
    .kuangao(270rpx,88rpx);
    .lineheight(88rpx);
    text-align: center;
background: linear-gradient(105deg, #2B99FF, @blue);
box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
border-radius: 44rpx;
.fontsize(30rpx);
margin-left: 105rpx;
font-family: PingFang SC;
font-weight: bold;
color: @white-color;
  }
}
.explain1{
  text-align: center;
  .img{
    .kuangao(229rpx,222rpx);
  }
  .payNum{
    .fontsize(32rpx);
font-family: PingFang SC;
font-weight: bold;
color: @text-color2;
margin: 23rpx,0,23rpx,0
  }
  .payTit{
    .fontsize(26rpx);
font-family: PingFang SC;
font-weight: 500;
color: @text-color3;
  }
  .title{
    .fontsize(38rpx);
font-family: PingFang SC;
font-weight: 500;
color: @text-color2;
margin-bottom: 40rpx;
  }
  .txt{  
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color1;
    .lineheight(48rpx);
  }
.pupBtn{
  .kuangao(270rpx,88rpx);
  .lineheight(88rpx);
  text-align: center;
  margin: 40rpx auto 0;
background: linear-gradient(105deg, #2B99FF, #1B8CF5);
box-shadow: 0rpx 3rpx 6rpx 0px rgba(0, 110, 212, 0.3);
border-radius: 44rpx;
.fontsize(30rpx);
font-family: PingFang SC;
font-weight: bold;
color: @white-color;
}

}
.explain{
  .title{
    .fontsize(38rpx);
font-family: PingFang SC;
font-weight: 500;
color: @text-color2;
margin-bottom: 40rpx;
  }
  .txt{  
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color1;
    .lineheight(48rpx);
  }
.pupBtn{
  .kuangao(270rpx,88rpx);
  .lineheight(88rpx);
  text-align: center;
  margin: 40rpx auto 0;
background: linear-gradient(105deg, #2B99FF, #1B8CF5);
box-shadow: 0rpx 3rpx 6rpx 0px rgba(0, 110, 212, 0.3);
border-radius: 44rpx;
.fontsize(30rpx);
font-family: PingFang SC;
font-weight: bold;
color: @white-color;
}

}



.customerBtn{
  display: flex;
  padding-top: 90rpx;
  padding-bottom: 10rpx;
  justify-content: space-between;
  .btn1{
    .kuangao(220rpx,88rpx);
    .lineheight(88rpx);
    .borders(2rpx,@text-color4);
    border-radius: 44rpx;
    text-align: center;
    .fontsize(30rpx);
font-family: PingFang SC;
font-weight: bold;
color: @text-color4;
  }
  .btn2{
    .kuangao(220rpx,88rpx);
    .lineheight(88rpx);
    background: linear-gradient(105deg, #2B99FF, #1B8CF5);
box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
    border-radius: 44rpx;
    text-align: center;
    .fontsize(30rpx);
font-family: PingFang SC;
font-weight: bold;
color: @white-color;
  }
}
.noList {
  text-align: center;
  font-size: 24rpx;
  color: #9699A6;
  padding: 24rpx;
}

